﻿<div data-role="fieldcontain">
    <label for="task-name"><em>*</em> Name</label>
    <input id="task-name" name="name" type="text" />
    <span class="field-validation-error"></span>
</div>
<div data-role="collapsible" data-collapsed="true">
    <h3>Optional</h3>
    <div>
        <div data-role="fieldcontain">
            <label for="task-notes">Notes</label>
            <textarea id="task-notes" name="notes" rows="2" cols="4"></textarea>
            <span class="field-validation-error"></span>
        </div>
        <div data-role="fieldcontain">
            <label for="task-estimation">Pomodoros (estimated)</label>
            <input id="task-estimation" name="estimation" type="range" min="0" max="25" />
            <span class="field-validation-error"></span>
        </div>
        <div>
            <label for="task-due-at">Due at</label>
            <input id="task-due-at" name="dueAt" type="date" />
            <span class="field-validation-error"></span>
        </div>
    </div>
</div>
<div data-role="fieldcontain">
    <button data-icon="check" data-iconpos="right">Save</button>
    <a href="#!/tasks" data-role="button" data-icon="refresh" data-iconpos="right" data-rel="back">Cancel</a>
</div>
<input name="planned" value="true" type="hidden" />